$(function () {
    //获取数据，渲染页面，引用模板引擎------------------------------------------
    function getCategory() {
        $.ajax({
            type: 'GET',
            url: '/my/article/cates',
            success: function (res) {
                // console.log(res);
                if (res.status !== 0) return layer.msg(res.message);
                var html = template('tr_muBan', res);
                $('tbody').html(html);
            }
        })
    }
    getCategory();
    //点击删除，删除页面tr，发送ajax请求，重新渲染页面---------------------------------
    $('tbody').on('click', '#btn-del', function () {
        //获取删除按钮的id
        var id = $(this).data('del');
        //发送ajax请求
        layer.confirm('确定要删除这一项吗？', { icon: 3, title: '提示' }, function (index) {
            $.ajax({
                type: 'get',
                url: '/my/article/deletecate/' + id,
                data: { id: id },
                success: function (res) {
                    layer.msg(res.message)
                    //渲染页面
                    getCategory();
                }
            })
            layer.close(index)
        })
    })

    var addIndex;
    //点击添加，新增书籍，渲染页面------------------------------------
    $('#add_btn').click(function () {
        //添加弹出层
        addIndex = layer.open({
            type: 1,
            title: '添加文章分类',
            content: $('#add_muBan').html(),
            area: ['480px', '230px']
        });
        //表单提交
        $('body').on('submit', '.add_form', function (e) {
            e.preventDefault();
            //获取表单数据
            var data = $(this).serialize();
            $.ajax({
                type: 'post',
                data: data,
                url: '/my/article/addcates',
                success: function (res) {
                    layer.msg(res.message);
                    if (res.status !== 0) return layer.msg(res.message)
                    //重新渲染页面
                    getCategory();
                }
            })
            layer.close(addIndex);
        })
    })
    var editorIndex;
    //点击编辑，弹出层显示数据，提交表单，发送请求，渲染页面------------------------
    $('body').on('click', '#editor', function () {
        //自定义属性，获取id
        var id = $(this).data('id');

        //发送ajax请求,根据id获取文章类别
        $.ajax({
            type: 'get',
            url: '/my/article/cates/' + id,
            success: function (res) {
                //加个判断
                if (res.status !== 0) return layer.msg(res.message)
                //引用模板引擎
                var html = template('editor_muBan', res);
                // console.log(html);
                //显示弹出层
                editorIndex = layer.open({
                    type: 1,
                    title: '添加文章分类',
                    content: html,
                    area: ['480px', '230px']
                });
            }
        })
    })
    //表单提交，发送到服务器，更新页面-----------------------------------------
    $('body').on('submit', '.editor_form', function (e) {
        e.preventDefault();
        //获取表单数据
        var data = $(this).serialize();
        console.log(data)
        //发送ajax请求
        $.ajax({
            type: 'post',
            url: '/my/article/updatecate',
            data: data,
            success: function (res) {
                layer.msg(res.message);
                if (res.status !== 0) return
                layer.close(editorIndex);
                getCategory();
            }
        })

    })




})
var { form, layer } = layui;